{extend name="../application/public/base.html" /}
{block name="head"}
	<link rel="stylesheet" href="ADMIN_CUSTOM/css/list.css">
	<link rel="stylesheet" href="ADMIN_CUSTOM/css/btn.css">
    <style type="text/css">
        .box-btn{
            background: #fff;
            color: #009688;
            border: 1px solid #009688;
        }
        .activity-btn{
            background: rgba(153, 0, 0, 1);
            color: #fff;
            border: 1px solid rgba(153, 0, 0, 1);
        }
        .box-btn:hover{
            color: #009688;
            background: #fff;
            border: 1px solid #009688;
        }
    </style>
{/block}
{block name="body"}
    <body>
        <div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a><cite>导航元素</cite></a>
          </span>
          <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right;" onclick="location.reload()" title="刷新"><i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
        </div>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <form class="layui-form">
                        	<div class="layui-card-body">
                                <div class="layui-col-space5">
                                    {if condition="session('admin.admin_type') == 1"}
                                    <div class="layui-input-inline layui-show-xs-block">
                                        <label>支出类型</label>
                                        <div class="layui-input-inline">
                                            <select name="expend_cate_id" class="layui-select">
                                                {volist name="cate" id="v"}
                                                <option value="{$v.expend_cate_id}">{$v.cat_name}</option>
                                                {/volist}
                                            </select>
                                        </div>
                                    </div>
                                    {else /}
                                    <div class="layui-input-inline layui-show-xs-block">
                                        <label>支出类型</label>
                                        <div class="layui-input-inline">
                                            <select name="expend_cate_id" class="layui-select">
                                                <option value="">全部分类</option>
                                                {volist name="cate" id="v"}
                                                <option value="{$v.expend_cate_id}">{$v.cat_name}</option>
                                                {/volist}
                                            </select>
                                        </div>
                                    </div>
                                    {/if}
                                    <div class="layui-input-inline layui-show-xs-block">
                                        <label>自定义时间</label>
                                        <div class="layui-input-inline">
                                            <input type="text" id="start" placeholder="开始日" name="start" autocomplete="off" class="layui-input">
                                        </div>
                                        <div class="layui-input-inline">
                                            <input type="text" id="end" placeholder="结束日" name="end" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-input-inline layui-show-xs-block">
                                        <div class="layui-btn" lay-submit="" lay-filter="search">
                                            <i class="layui-icon">&#xe615;</i></div>
                                    </div>
                                </div>
                            </div>
                            
                        </form>
                        <div class="layui-card-body" id="oper-box">
                            
                        </div>
                        <div class="layui-card-body">
                            <div class="layui-tab">
							  	<div class="layui-tab-content">
									<table class="layui-table layui-form" id="table-list" lay-filter="list">
		                              	
	                            	</table>
							  	</div>
							</div>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </body>
{/block}
{block name="script"}
	<script type="text/javascript" src="ADMIN_CUSTOM/js/finance/pay/index.js"></script>
    <script id="table-btn" type="text/html">
        <div class="layui-btn layui-bg-red" lay-event="del">删除</div>
    </script>
    <script id="oper_box" type="text/html">
        <div class="layui-btn" onclick="xadmin.open('新增支出','/finance/pay/add')">新增支出</div>
        <div class="layui-btn">对比</div>
        <div class="layui-btn" onclick="xadmin.open('支出分类管理','/finance/cate/index/ty/{{d.ty}}')">支出分类管理</div>
        <div class="layui-btn box-btn">支出总额：{{d.count}} 元</div>
    </script>
{/block}